<template>
  <div>
    <el-container>
      <router-view ref="children">
      </router-view>

      <el-footer height="2.5em">
        <van-tabbar v-model="active">
          <van-tabbar-item icon="wap-home" to="/home">首页</van-tabbar-item>
          <van-tabbar-item icon="chat" info="20" to="/chat">消息</van-tabbar-item>
          <van-tabbar-item icon="cart" info="5" to="/cart">购物车</van-tabbar-item>
          <van-tabbar-item icon="contact" to="/user">我的V客</van-tabbar-item>
        </van-tabbar>
      </el-footer>

    </el-container>

  </div>
</template>
<script>
  export default {
    data() {
      return {
        currentDate: new Date().getFullYear(),
        active: 0,
        dataListLoading: true,
        goodsList: [],
        pageNo: 1,
        pageSize: 15
      };
    },
    methods: {

    },
    created: function () {

    }
  }
</script>

<style lang="less">
  @import "../assets/less/index.less";
</style>
